<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@taglib uri="/struts-tags" prefix="s"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<title>【购物车页面的中间部分】</title>
		<link href="../customer/AmazeUI-2.4.2/assets/css/amazeui.css" rel="stylesheet" type="text/css" />
		<link href="../customer/basic/css/demo.css" rel="stylesheet" type="text/css" />
		<link href="../customer/css/cartstyle.css" rel="stylesheet" type="text/css" />
		<link href="../customer/css/optstyle.css" rel="stylesheet" type="text/css" />
		<script type="text/javascript" src="../customer/js/shoppingCar.js"></script>
		<script type="text/javascript" src="../customer/js/jquery.js"></script>
		<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
		<style type="text/css">
			#J_Go{
				display: block;
				padding: 0 26px;
				height: 36px;
				font: 400 18px/36px arial;
				font-size: 18px;
				background-color: #f50;
				color: #fff;
				text-align: center;
				cursor: pointer;
				outline: 0; 
				z-index:999;
				float:right;
				border:0;
			}
		</style>
	</head>
	<body>
		<s:if test="#request.shoppingCars.size < 1">
				<br><br><br><br><br><br><br><br><br>
				<center><input type="image" src="../customer/images/shoppingcar.png" width="100px">您的购物车还是空的，赶紧行动吧！</center>
				<br><br><br><br><br><br><br><br><br>
		</s:if>
		<s:else>
			<!--购物车 -->
			
			<div class="concent">
				<div id="cartTable">
					<div class="cart-table-th">
						<div class="wp">
							<div class="th th-chk">
							</div>
							<div class="th th-item">
								<div class="td-inner">商品信息</div>
							</div>
							<div class="th th-price">
								<div class="td-inner">单价</div>
							</div>
							<div class="th th-amount">
								<div class="td-inner">数量</div>
							</div>
							<div class="th th-sum">
								<div class="td-inner">金额</div>
							</div>
							<div class="th th-op">
								<div class="td-inner">操作</div>
							</div>
						</div>
					</div>
					<div class="clear"></div>
						<div class="bundle  bundle-last ">
							<s:if test="#request.shoppingCars.size>0">
								<div class="bundle-main">
									<div id="cartTable">
										<s:iterator value="#request.shoppingCars" id="shoppingCar">
											<ul class="item-content clearfix">
												<li class="td td-chk">
													<input class="check" name="seleteShoppingCar" value="<s:property value="#shoppingCar.carId"/>" type="checkbox">
												</li>
												<li class="td td-item">
													<div class="item-pic">
														<a href="FurnitureInfo_findFurnitureInfo.action?furnitureInfo.objId=<s:property value="#shoppingCar.furnitureInfo.objId"/>" target="_blank"  class="J_MakePoint" data-point="tbcart.8.12">
															<img src="<s:property value="#shoppingCar.furnitureInfo.picture_one"/>" class="itempic J_ItemImg"></a>
													</div>
													<div class="item-info">
														<div class="item-basic-info">
															<a href="FurnitureInfo_findFurnitureInfo.action?furnitureInfo.objId=<s:property value="#shoppingCar.furnitureInfo.objId"/>" target="_blank" title="<s:property value="#shoppingCar.furnitureName"/>" class="item-title J_MakePoint" data-point="tbcart.8.11">
																<s:property value="#shoppingCar.furnitureInfo.furnitureName"/>
															</a>
														</div>
													</div>
												</li>
												<li class="td td-info">
													<div class="item-props item-props-can">
														<span class="sku-line">规格：<s:property value="#shoppingCar.furnitureInfo.description"/></span>
														<i class="theme-login am-icon-sort-desc"></i>
													</div>
												</li>
												<li class="td td-price">
													<em class="J_Price price-now" tabindex="0"><s:property value="#shoppingCar.furnitureInfo.salePrice"/></em>
												</li>
												<li class="td td-amount">
													<div class="amount-wrapper ">
														<div class="item-amount ">
															<div class="sl">
																<input class="min am-btn" name="" type="button" value="-" />
																<input class="text_box" name="count" type="text" value="<s:property value="#shoppingCar.count"/>" style="width:30px;"/>
																<input class="add am-btn" name="" type="button" value="+" />
															</div>
														</div>
													</div>
												</li>
												<li class="td td-sum">
													<s:property value="#shoppingCar.furnitureInfo.salePrice"/>
												</li>
												<li class="td td-op">
													<div class="td-inner">
														<a href="#"  class="delete">删除</a>
													</div>
												</li>
											</ul>
										</s:iterator>
									</div>
								</div>
							</s:if>
						</div>
				</div>			
				<!-- 结算那行 -->		
				<div class="float-bar-wrapper">
					<div id="J_SelectAll2" class="select-all J_SelectAll">
						<div class="cart-checkbox">
							<input class="check-all check" id="J_SelectAllCbx2" name="check-all" type="checkbox">
							<label for="J_SelectAllCbx2"></label>
						</div>
						<span>全选</span>
					</div>
					<div class="float-bar-right">
						<div class="amount-sum">
							<span class="txt">已选商品</span>
							<em id="J_SelectedItemsCount">0</em>
							<span class="txt">件</span>
	
						</div>
						<div class="price-sum">
							<span class="txt">合计:</span>
							<strong class="price">¥<em id="J_Total">0.00</em></strong>
						</div>
						<a id="J_Go" class="submit-btn submit-btn-disabled" >结算</a>
					</div>
				</div>
			</div>
		
		</s:else>
	</body>
</html>